{literal}
	<script type="text/javascript" src="jquery/js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="jquery/js/jquery.blockUI.js"> </script>
	
	<script type="text/javascript"> 
		$(document).ready(function() {  
        	$('#yes').click(function() { 
        		$.blockUI({ message: "<h1>Procesando...</h1>" }); 
 
            $.ajax({ 
            	url: 'wait.php', 
               cache: false, 
               complete: function() { 
               	$.unblockUI(); 
             	} 
            }); 
        	}); 
 
        	$('#no').click(function() { 
        		$.unblockUI(); 
            return false; 
			});

			$('#errorOk').click(function() { 
        		$.unblockUI(); 
			}); 
			
			$('#errorOkPedidoMinimo').click(function() { 
        		$.unblockUI(); 
			});   		
		
		}); 
		
		function confrimarPedido(){
			$.blockUI({ 
				message: $('#deseaConfirmar'), 
				css: {width:'275px'} 
			}); 
		}
	</script> 
{/literal}



{if $error eq 1}
	<div class="errorLocalCerrado">
		{$mensajeError}
		
		<div class="volverPagPrincipal">
			<a href="//{$urlpath}">
				Volver a la página principal.
			</a>
		</div>
	</div>
{/if}



{if $error eq 0}
	{literal}
		<script type="text/javascript">
			
			function checkear(){
				check = document.datosPedido.check.checked;
			
				if(check){
					document.getElementById("dirrecionEnvio").style.display = "block";
				} else {
					document.getElementById("dirrecionEnvio").style.display = "none";
				}
			}
			
				
			function validacion(formulario) {
				var total 			= document.getElementById("valorTotal").value;
				var abono 			= document.getElementById("abono").value;
				var pedidoMinimo	= document.getElementById("pedidoMinimo").value;
				
				abono 			= parseInt(abono);
				total 			= parseInt(total);
				pedidoMinimo	= parseInt(pedidoMinimo);
								
				if( isNaN(formulario.abono.value) ){
					$.blockUI({ 
						message: $('#errorPedido'), 
						css: {width:'390px'} 
					}); 
					
					formulario.abono.focus();
					return false;
				}
				
				
				if( document.getElementById("abono").value == '' ){
					$.blockUI({ 
						message: $('#errorPedido'), 
						css: {width:'390px'} 
					}); 
					
					formulario.abono.focus();
					return false;
				}
				
				
				if( abono < total ){
					$.blockUI({ 
						message: $('#errorPedido'), 
						css: {width:'390px'} 
					}); 
					
					formulario.abono.focus();
					return false;
				}
				
				
				if( total < pedidoMinimo ){
					$.blockUI({ 
						message: $('#errorPedidoMinimo'), 
						css: {width:'450px'} 
					}); 
					
					return false;
				}
				
				confrimarPedido();			
							
			}			
		</script>
	{/literal}

	<div class="headerConfirmarPedido">
		<h2>
			Detalles del Pedido:
		</h2>
	</div>

	<div class="bodyConfirmarPedido">
		<table border="0" cellspacing="0">
			<tr>
				<td>
					<b>Categoria</b>
				</td>
			
				<td>
					<b>Producto</b>
				</td>
			
				<td>
					<b>Precio</b>
				</td>
			
				<td>
					<b>Cantidad</b>
				</td>
			
				<td>
					<b>SubTotal</b>
				</td>
			</tr>
		
		
			{$contenidoPedido}
		
			<tr>
				<td colspan="3">
				</td>
			
				<td colspan="2">
					<div class="subTrConfirmarPedido">
						SubTotal: ${$totalCarrito}
					</div>
				</td>
			</tr>
		
			<tr>
				<td colspan="3">
				</td>
			
				<td colspan="2">
					<div class="subTrConfirmarPedido">
						Envio: ${$gastoEnvio}
					</div>
				</td>
			</tr>
		
			<tr>
				<td colspan="3">
				</td>
			
				<td colspan="2">
					<div class="subTrConfirmarPedido">
						<h2>
							Total: ${$total}
						</h2>
					</div>
				</td>
			</tr>
		</table>
	
	
		<div class="headerConfirmarPedido">
			<h2>
				Detalles del Usuario:
			</h2>
			
			<form name="datosPedido" action="sites.php?act=pedidoConfirmado" method="POST" onsubmit="return validacion(this)">
				<input type="hidden" value="{$total}" name="valorTotal" id="valorTotal" />
				<input type="hidden" value="{$totalCarrito}" name="subTotal" />
				<input type="hidden" value="{$gastoEnvio}" name="gastoEnvio" />
				<input type="hidden" value="{$pedidoMinimo}" name="pedidoMinimo" id="pedidoMinimo" />
				<input type="hidden" value="{$datosUsuario.0.address}" name="direccionCliente" />
			
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td>
							<b>Cliente:</b>
						</td>
					
						<td>
							{$datosUsuario.0.last_name}, {$datosUsuario.0.name}.
						</td>
					</tr>
				
					<tr>
						<td>
							<b>Dirección:</b>
						</td>
					
						<td class="datosUsuario">
							{$datosUsuario.0.address}
						</td>
					</tr>
					
					<tr>
						<td>
							<b>Teléfono:</b>
						</td>
					
						<td class="datosUsuario">
							{$datosUsuario.0.phone}
							<input name="telUser" type="hidden" value="{$datosUsuario.0.phone}" />
						</td>
					</tr>
				
					<tr>
						<td>
							<b>E-mail:</b>
						</td>
					
						<td class="datosUsuario">
							{$datosUsuario.0.email}
						</td>
					</tr>
				
					<tr>
						<td colspan="2">
							<b>Enviar pedido a otra dirección</b>
							<input name="check" type="checkbox" onchange="checkear()" />
						</td>
					</tr>
					
					<tr>
						<td colspan="2">
							<div class="direccionEnvio" id="dirrecionEnvio">
								<b>Dirección:</b>
								<input name="direccionEnvio" type="text" value="{$datosUsuario.0.address}" />
							</div>
						</td>
					</tr>
					
					<tr>
						<td>
							<b>Abono con:</b>
						</td>
						
						<td class="datosUsuario">
							$ <input type="text" name="abono" id="abono" size="5" maxlength="5" value="" />
						</td>
					</tr>
					
					{if $config.popup neq 1}
						<tr>
							<td>
								<b>Comentarios:</b>
							</td>
						
							<td>
								<textarea name="comentariosAdicionales" cols="20"></textarea>
							</td>
						</tr>
					{/if}
				</table>
				
				<div class="botonConfirmarPedido">
					<a onclick="return validacion(datosPedido)">
						Confirmar
					</a>
					
					<a href="sites.php?act=&limpiar=1">
						Cancelar
					</a>
				</div>		
				
				<div id="deseaConfirmar" style="display:none; cursor: default; background-color: #ffc; padding: 10px;"> 
        			<h1 style="color: #333; padding-top: 14px; font-family: sans-serif; font-size:14px;">
        				¿Desea confirmar el pedido?
        			</h1>
        			
        			<br> 
        			
        			<input type="submit" id="yes" value="Si" style=" cursor:pointer;width: 4em; padding: 5px; margin: 10px;" /> 
        			<input type="button" id="no" value="No" style="cursor:pointer; width: 4em; padding: 6px;" /> 
				</div>
					
			</form>
		</div>
	</div>
{/if}


<div id="errorPedido">
	El monto a abonar debe ser mayor o igual a <b>{$total}</b>$ 
	
	<br>
	
	<div class="botonConfirmarPedido">
		<a id="errorOk" class="botonPedido">Ok</a>
	</div>
</div>

<div id="errorPedidoMinimo">
	El monto total debe ser mayor o igual a <b>{$pedidoMinimo}</b>$ (Pedido mínimo)
	
	<br>
	
	<div class="botonConfirmarPedido">
		<a id="errorOkPedidoMinimo" class="botonPedido">Ok</a>
	</div>
</div>
				
				

{literal}
<script type="text/javascript" >
	$(document).ready(function() {
		$(' #cart ').toggle();
	});
</script>
{/literal}
